<!DOCTYPE HTML>
<html  xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:include="_meta :: header">
    <meta charset="utf-8">
    <title>管理员列表</title>
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">个人信息管理/a>
            <a>
              <cite>个人信息展示</cite></a>
          </span>
    <a class="layui-btn layui-btn-small" style="float: right;height: 30px;line-height: 30px;margin-top: 5px;" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form  class="layui-form layui-col-space5" action="#" th:action="@{/usecase/usecase/showInfo}"  method="post">
                        <div class="cl pd-5 bg-1 bk-gray " >
                            <span class="r wei-height" style="float: right;margin-right: 20px">共有数据：<strong
                                    th:text="${pageInfo.total}"></strong> 条</span>
                        </div>
                        <div class="layui-card-body" style="text-align: center">
                            <table class="layui-table layui-form">
                                <thead>
                                <tr>
                                    <th style="background-color: rgba(95,107,123,0.4);color:#071c3c" scope="col" colspan="10">用户信息</th>
                                </tr>
                                <tr class="text-c">
<!--                                    <th width="25"><input type="checkbox" name="" value="" lay-filter="checkall" lay-skin="primary"/></th>-->
                                    <th width="40">ID</th>
                                    <th width="100">账号</th>
                                    <th width="90">姓名</th>
                                    <th width="40">性别</th>
                                    <th width="150">手机</th>
                                    <th width="180">邮箱</th>
                                    <th>角色</th>
                                    <th width="130">加入时间</th>
<!--                                    <th width="100">是否已启用</th>-->
<!--                                    <th width="100">操作</th>-->
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="text-c" th:if="${pageInfo.list.size() == 0}"><td colspan="15"><strong>暂无数据</strong></td></tr>
                                <tr class="text-c" th:each="user:${pageInfo.list}">
<!--                                    <td><input type="checkbox" value="1" th:value="${user.id}" name="id" lay-skin="primary"/></td>-->
                                    <td th:text="${user.id}"></td>
                                    <td th:text="${user.username}"></td>
                                    <td th:text="${user.account}"></td>
                                    <td th:text="${user.sexType ==  1} ? '男' : '女'"></td>
                                    <td th:text="${user.tel}"></td>
                                    <td th:text="${user.email}"></td>
                                    <td >
                                        <span th:each="role:${user.roles}" th:text="${role.name}"></span>
                                    </td>
                                    <td th:text="${#calendars.format(user.createtime,'yyyy-MM-dd')}"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div th:include="_pagination :: page"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs">
</div>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" th:src="@{/static/lib/My97DatePicker/4.8/WdatePicker.js}" src="../../../../static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" th:src="@{/static/lib/datatables/1.10.0/jquery.dataTables.min.js}" src="../../../../static/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" th:src="@{/static/lib/laypage/1.2/laypage.js}" src="../../../../static/lib/laypage/1.2/laypage.js"></script>
</body>
</html>